
<!DOCTYPE html>
<!--suppress ALL -->
<html lang="zh-cn">
<!--<html lang="en" xmlns:th="http://www.thymeleaf.org">-->
<head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>

    <title >数据导入</title>

    <link rel="stylesheet" type="text/css" href="/src/css/themes/default.css"/>
    <!-- iview样式 -->
    <link rel="stylesheet" type="text/css" href="/plugins/iview/css/iview.css"/>
    <!--@import url("//unpkg.com/iview/dist/styles/iview.css");-->
    <!--<link rel="stylesheet" type="text/css" href="//unpkg.com/iview/dist/styles/iview.css"/>-->
    <!-- 引入layui样式 -->
    <link rel="stylesheet" href="/plugins/layui/css/layui.css" media="all"/>
    <link rel="stylesheet" href="/plugins/popover/popover.css">
    <!--   <script src="//unpkg.com/vue/dist/vue.js"></script>
       <script src="//unpkg.com/iview/dist/iview.min.js"></script>-->
    <!-- 引入vue -->
    <script type="text/javascript" src="/plugins/vue/vue.min.js"></script>
    <!-- iview js -->
    <script type="text/javascript" src="/plugins/iview/js/iview.js"></script>
    <script src="/properties/config.js"></script>
    <!--引入layui.js-->
    <script src="/plugins/layui/layui.js"></script>
    <!--引入axios.js 用于ajax调用-->
    <script src="/plugins/axios/axios.min.js"></script>
    <script type="text/javascript" src="/plugins/jquery-1.9.1.min.js"></script>
    <script src="/build/js/appToken.js"></script>
    <script src="/plugins/popover/popover.js"></script>
</head>
<body>
<!--隐藏元素-->
<p id="templateCode"  th:attr="value=${templateCode}"  hidden />
<p id="fileId"  th:attr="value=${fileId}"  hidden />
<p id="batchCode"  th:attr="value=${batchCode}"  hidden />
<!--使用v-cloak技术，在vue渲染完毕前隐藏页面，渲染完成后显示-->
<div id="app" v-cloak>
    <tabs value="personSetter">
        <tab-pane label="数据详情" name="数据详情">
            <row style="padding: 10px">
                <i-col span="24">
                    <Card>
                        <i-button  @click="expErrorData" style="margin-right:10px" type="primary">
                            <span>导出错误数据</span>
                        </i-button>
                        <i-button  @click="uploadErrorData" style="margin-right:10px" type="primary">
                            <span>上传更新数据</span>
                        </i-button>
                        <i-button  @click="deleteAll" style="margin-right:10px" type="error" id="deleteAll">
                            <span>删除</span>
                        </i-button>
                    </Card>
                </i-col>
            </row>
            <row style="padding: 10px">
                <i-col span="24">
                    <!-- 使用方法渲染模式 -->
                    <table id="initDataTable" lay-filter="initDataTable" class="layui-hide"> </table>
                </i-col>
            </row>
            
            
            
             <Modal
                    v-model="uploadErrorDataModel"
                    title="上传更新数据"
                    :mask-closable="false"
                    @on-ok="subimtErrorData"
        			@on-cancel="cancelErrorData"
        			:styles= "{
        				'text-align': 'center'
        			}"
                    :width="300">
                      <upload
                              ref="uploadError"
                              type="select"
                              :format="['xls','xlsx']"
                              :before-upload="beforeUpLoadErrorFile"
                              :on-remove="removeFile"
                              action="">
                          <div style="padding: 20px 0">
                              <icon type="ios-cloud-upload" size="60" style="color: #3399ff"></icon>
                              <p>支持模板导出excel扩展名：xlsx</p>
                          </div>
                      </upload>
            </Modal>

        </tab-pane>
        <tab-pane label="错误记录" name="错误记录">
            <!-- 搜索工具框 结束-->
            <!-- 表单Grid，使用layerUI的表格组件 开始 -->
            <row style="padding: 10px">
                <i-col span="24">
                    <!-- 使用方法渲染模式 -->
                    <table id="errorInfoTable" lay-filter="errorInfoTable" class="layui-hide"> </table>

                </i-col>
            </row>
        </tab-pane>
    </tabs>

</div>
<script type="text/html" id="inSateTpl">

    {{#  if(d.inState === 1){ }}
        有效
    {{#  } else if(d.inState === 0){ }}
    <span style="color: #f5223a;">无效</span>

    {{# } }}
</script>
<script type="text/html" id="barTools">


    {{#  if(d.inState === 1){ }}
    <a class="layui-btn layui-btn-danger layui-btn-xs " lay-event="delete" ht-auth="delete">删除</a>
    {{#  } else { }}
    <a class="layui-btn layui-btn-danger layui-btn-xs " lay-event="delete" ht-auth="delete">删除</a>
    <a class="layui-btn layui-btn-danger layui-btn-xs " lay-event="confirmData" ht-auth="confirmData">确认</a>
    {{#  } }}

</script>
<script src="/src/js/comm.js" ></script>
<script src="/src/js/importLog/importLog.js" ></script>
</body>
</html>